<template>
    <div class="container-wrapper">
        <main-header></main-header>
        <div class="content">
            <main-content></main-content>
        </div>
    </div>
</template>

<script>
    import MainHeader from './view/main-header'
    import MainContent from './view/main-content'
    export default {
        name: "index",
        components: {
            MainHeader,
            MainContent
        },
    }
</script>

<style lang="less" scoped>
    .container-wrapper {
        width: 1140px;
        height: 100vh;
        display: flex;
        flex-direction: column;
        margin: 0 auto;
        .content {
            flex: 1;
            overflow: hidden;
        }
    }
</style>
